@charset "UTF-8";
/**全局样式, 微软雅黑**/
html {
  height: 100%;
}
html,
body{
  font-family: 'microsoft yahei', Verdana, Arial, Helvetica, sans-serif;
  font-size:$font-base-size;
  color: #333;
}
input,button {
    border: none;
    outline: none;
    background: none;
    -webkit-appearance:none;
     font-family: 'microsoft yahei', Verdana, Arial, Helvetica, sans-serif;
}
div,em {
    cursor: pointer;
}
/*去除a标签外边框*/
a {
  text-decoration: none;
  color: inherit;
}
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  @include box-sizing;
}

input[type="text"]{
  outline: none;
}
/* 便捷样式 */
.fl{
  float: left!important;
}
.fr{
  float: right!important;
}
.hide{
  display: none!important;
}
.show{
  display: block!important;
}
.border-none{
  border: none!important;
}
.font-bold{
  font-weight: bold!important;
}

.color-m{
  color: $m-c!important;
}
.color-red{
  color: red!important;
}
.color-black{
  color: #000!important;
}

.clearfix{ *zoom:1;}
.clearfix:before,
.clearfix:after{ display:table; line-height:0; content:"";}
.clearfix:after{ clear:both;}
%clearfix{
   *zoom:1;
   &:before{
    display:table; line-height:0; content:"";
   }
   &:after{
    display:table; line-height:0; content:"";clear:both;
   }
}
/* 常用样式 */
.wrap{
  width: 10.8rem;
  margin:0 auto;
}
.f-main-page{
  padding:0 .4rem;
}

//溢出省略
.ellipsis{
    @include ellipsis;
}

.page-shadow{
  display: none;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 999999;
}